:root {
    --brand: #493276;
    --brand-dark: #322056;
}

.list-unstyled {
    list-style: none;
    padding: 0;
}

.border-bottom-3 {
    border-bottom: 3px solid #9D9D9D;
}

.list-unstyled li > ul {
    display: none; /* Hide sub-menus by default */
    margin-left: 20px;
    list-style: none;
}

.list-unstyled li.active > ul {
    display: block; /* Show sub-menu when active */
}

.list-unstyled li > a {
    cursor: pointer; /* Indicate clickable menu items */
    text-decoration: none;
    color: #000;
}

.fa-bars {
    font-family: "FontAwesome" !important;
    display: inline-block !important;
    visibility: visible !important;
}

.nav-tabs {
    background: #fff;
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-link {
        color: var(--brand);
        border: 1px solid transparent;
        margin-right: 4px;
        border-top-left-radius: .375rem;
        border-top-right-radius: .375rem;
    }

        .nav-tabs .nav-link:hover {
            color: var(--brand-dark);
        }

        .nav-tabs .nav-link.active {
            background: var(--brand);
            color: #fff !important;
            border-color: var(--brand);
        }
/* Flexible Form Group for Horizontal Alignment */
.form-group-flex {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* Space between label and input */
    margin-bottom: 0.5rem;
}

    .form-group-flex .form-label {
        flex-shrink: 0; /* Prevent label from shrinking */
        margin-bottom: 0;
        min-width: 80px; /* Adjust based on max label width in a row */
        
    }

    .form-group-flex .form-control,
    .form-group-flex .form-select {
        flex-grow: 1; /* Allow input/select to take available space */
    }